{template "content","header"}


         <!-- Content Start -->
         <div id="main">
            <!-- Title, Breadcrumb Start-->
            <div class="breadcrumb-wrapper">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <h2 class="title">产品中心</h2>
                     </div>
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <div class="breadcrumbs pull-right">
                           <ul>
                              <li>当前位置：</li>
                              <li><a href="{siteurl($siteid)}">首页</a></li>  > 
                             {catpos($catid)}
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Title, Breadcrumb End-->
			

			
            <!-- Main Content start-->
            <div class="content">
               <div class="container">
			   
                  <div class="row" >
                     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style=" width:85%">
                        <div id="options">
                           <ul id="filters" class="option-set clearfix" data-option-key="filter">
						   {pc:content  action="lists" catid="$catid" order="listorder ASC" thumb="1" num="5"}
                              <li><a href="#filter" data-option-value="*" class="selected">所有产品</a></li>
						  {loop $data $k $v}
						  {php $keykey=explode(" ",$v['keywords'])}
						  {php $keyfirst=$keykey[0]}
                              <li><a href="#filter" data-option-value=".{$keyfirst}">{$keyfirst}</a></li>
						  {/loop}
						  {/pc}
                           </ul>
                        </div>
                     </div>
                     <div class="clearfix"></div>
                     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style=" width:85%">
                        <div class="row">
                           <div class="portfolio three-column">
						   {pc:content  action="lists" catid="$catid" order="listorder ASC" thumb="1" num="15"}
							  {loop $data $k $v}
						
                              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 {$v['keywords']} item">
                                 <div class="portfolio-item">
                                    <a href="{$v['thumb']}" class="portfolio-item-link" data-rel="prettyPhoto" >
                                    <span class="portfolio-item-hover"></span>
                                    <span class="fullscreen"><i class="icon-search"></i></span><img src="{$v['thumb']}" alt="{$v['title']} "/>
                                    </a>
                                    <div class="portfolio-item-title">
                                       <a href="{$v['url']}">{$v['title']} </a>
                                    </div>
                                    <div class="clearfix"></div>
                                 </div>
                              </div>
							  {/loop}
							  {/pc}
                              
					 <div class="sidebar col-lg-3 col-md-3 col-sm-4 col-xs-12" style=" width:25%; position:absolute; left:85%;">
                        <div class="widget category">
                           <h3 class="title">产品中心</h3>
                           <ul class="category-list slide">
 {pc:content  action="category" catid="7" order="listorder ASC" thumb="1" num="5"}
 {loop $data $k $v}
 
                              <li><a href="{$v['url']}">{$v['catname']}</a></li>
{/loop}
{/pc}
                           </ul>
                        </div>
                     </div>
					 
							  
                           </div>
                        </div>
                     </div>

                  </div>
               </div>
            </div>
            <!-- Main Content end-->
			
<br/><br/><br/>
			
			
         </div>
         <!-- Content End -->


  
      <!-- The Scripts -->
      <script src="{JS_PATH}ting_en/js/jquery.min.js"></script>
      <script src="{JS_PATH}ting_en/js/bootstrap.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.parallax.js"></script> 
      <script src="{JS_PATH}ting_en/js/modernizr-2.6.2.min.js"></script> 
      <script src="{JS_PATH}ting_en/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.nivo.slider.pack.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.prettyPhoto.js"></script>
      <script src="{JS_PATH}ting_en/js/superfish.js"></script>
      <script src="{JS_PATH}ting_en/js/tweetMachine.js"></script>
      <script src="{JS_PATH}ting_en/js/tytabs.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.sticky.js"></script>
      <script src="{JS_PATH}ting_en/js/jflickrfeed.js"></script>
      <script src="{JS_PATH}ting_en/js/imagesloaded.pkgd.min.js"></script>
      <script src="{JS_PATH}ting_en/js/waypoints.min.js"></script>
      <script src="{JS_PATH}ting_en/js/spectrum.js"></script>
      <script src="{JS_PATH}ting_en/js/switcher.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.gmap.min.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.isotope.js"></script>
      <script src="{JS_PATH}ting_en/js/portfolio.js"></script>
      <script src="{JS_PATH}ting_en/js/custom.js"></script>

{template "content","footer"}